<template>
    <div class="demo-date-picker">
        <div class="table_first">
            <div
                    v-for="item in tableList"
                    :key="item.id"
                    :style="{
                'grid-column-start': item.startColumn + 1,
                'grid-column-end': item.endColumn + 2,
                'grid-row-start': item.startRow + 1,
                'grid-row-end': item.endRow + 2,
                background: item.background ? item.background : '',
                color: item.color ? item.color : '',
              }">
                <div>{{ item.cellValue }}</div>
            </div>
        </div>
    </div>

    <div style="padding: 20px;border: 1px solid red">
        <el-upload
                action="Fake Action" :before-upload="uploadSuccess" :on-change="uploadVideoProcess" :show-file-list="false" :file-list="fileList">
            <el-button v-if="typePage !=='view'" size="mini" type="primary">点击上传</el-button>
            <span v-if="typePage !=='view'" slot="tip" class="el-upload__tip">支持pdf,jpg,png格式文件</span>
        </el-upload>
        <el-progress v-show="progressFlag" :percentage="loadProgress"></el-progress>

    </div>

    <div class="sendBox">
        <el-input v-model="msg" placeholder="Please input" class="input-with-select">
            <template #append>
                <el-button @click="sendmsg" type="primary">发送</el-button>
            </template>
        </el-input>
    </div>
</template>

<script lang="ts" setup>
    import aichat from "./moment/api"//消息发送接口
    import { ElMessage } from 'element-plus'//引入element ui提示信息组件
    import {ref } from 'vue'
    import {isNumber} from "element-plus/es/utils";
    import {log2} from "three/examples/jsm/nodes/math/MathNode";
    const msg = ref("");//输入内容
    // 发送消息
    function sendmsg() {
        if (msg.value.length < 1) return ElMessage({ message: '不能发送空消息！', type: 'error', })
        aichat({ text: msg.value}).then(res=> {
            console.log(res)
        })
        msg.value = '';//清空输入框
    }

    const tableList = ref([
            {
                "capitalId": 61038,
                "cellValue": "2023年江西省婺源县“童伴妈妈”项目预算明细表",
                "endColumn": 8,
                "endRow": 0,
                "id": 66736,
                "startColumn": 0,
                "startRow": 0
            },
            {
                "capitalId": 61038,
                "cellValue": "项目",
                "endColumn": 0,
                "endRow": 1,
                "id": 66737,
                "startColumn": 0,
                "startRow": 1
            },
            {
                "capitalId": 61038,
                "cellValue": "类别",
                "endColumn": 2,
                "endRow": 1,
                "id": 66738,
                "startColumn": 1,
                "startRow": 1
            },
            {
                "capitalId": 61038,
                "cellValue": "发放方式",
                "endColumn": 3,
                "endRow": 1,
                "id": 66739,
                "startColumn": 3,
                "startRow": 1
            },
            {
                "capitalId": 61038,
                "cellValue": "标准（元/月/人）",
                "endColumn": 4,
                "endRow": 1,
                "id": 66740,
                "startColumn": 4,
                "startRow": 1
            },
            {
                "capitalId": 61038,
                "cellValue": "总额（元/年/人）",
                "endColumn": 5,
                "endRow": 1,
                "id": 66741,
                "startColumn": 5,
                "startRow": 1
            },
            {
                "capitalId": 61038,
                "cellValue": "村数",
                "endColumn": 6,
                "endRow": 1,
                "id": 66742,
                "startColumn": 6,
                "startRow": 1
            },
            {
                "capitalId": 61038,
                "cellValue": "金额（元/年/县）",
                "endColumn": 7,
                "endRow": 1,
                "id": 66743,
                "startColumn": 7,
                "startRow": 1
            },
            {
                "capitalId": 61038,
                "cellValue": "合计（元）",
                "endColumn": 8,
                "endRow": 1,
                "id": 66744,
                "startColumn": 8,
                "startRow": 1
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴妈妈补贴",
                "endColumn": 0,
                "endRow": 9,
                "id": 66745,
                "startColumn": 0,
                "startRow": 2
            },
            {
                "capitalId": 61038,
                "cellValue": "基本补助",
                "endColumn": 2,
                "endRow": 2,
                "id": 66746,
                "startColumn": 1,
                "startRow": 2
            },
            {
                "capitalId": 61038,
                "cellValue": "月度发放",
                "endColumn": 3,
                "endRow": 6,
                "id": 66747,
                "startColumn": 3,
                "startRow": 2
            },
            {
                "capitalId": 61038,
                "cellValue": "1200.0",
                "endColumn": 4,
                "endRow": 2,
                "id": 66748,
                "startColumn": 4,
                "startRow": 2
            },
            {
                "capitalId": 61038,
                "cellValue": "14400.00",
                "endColumn": 5,
                "endRow": 2,
                "id": 66749,
                "startColumn": 5,
                "startRow": 2
            },
            {
                "capitalId": 61038,
                "cellValue": "1.0",
                "endColumn": 6,
                "endRow": 9,
                "id": 66750,
                "startColumn": 6,
                "startRow": 2
            },
            {
                "capitalId": 61038,
                "cellValue": "14400.00",
                "endColumn": 7,
                "endRow": 2,
                "id": 66751,
                "startColumn": 7,
                "startRow": 2
            },
            {
                "capitalId": 61038,
                "cellValue": "24000.00",
                "endColumn": 8,
                "endRow": 9,
                "id": 66752,
                "startColumn": 8,
                "startRow": 2
            },
            {
                "capitalId": 61038,
                "cellValue": "特殊补助",
                "endColumn": 1,
                "endRow": 5,
                "id": 66753,
                "startColumn": 1,
                "startRow": 3
            },
            {
                "capitalId": 61038,
                "cellValue": "交通及通讯",
                "endColumn": 2,
                "endRow": 3,
                "id": 66754,
                "startColumn": 2,
                "startRow": 3
            },
            {
                "capitalId": 61038,
                "cellValue": "100.0",
                "endColumn": 4,
                "endRow": 3,
                "id": 66755,
                "startColumn": 4,
                "startRow": 3
            },
            {
                "capitalId": 61038,
                "cellValue": "1200.00",
                "endColumn": 5,
                "endRow": 3,
                "id": 66756,
                "startColumn": 5,
                "startRow": 3
            },
            {
                "capitalId": 61038,
                "cellValue": "1200.00",
                "endColumn": 7,
                "endRow": 3,
                "id": 66757,
                "startColumn": 7,
                "startRow": 3
            },
            {
                "capitalId": 61038,
                "cellValue": "餐补",
                "endColumn": 2,
                "endRow": 4,
                "id": 66758,
                "startColumn": 2,
                "startRow": 4
            },
            {
                "capitalId": 61038,
                "cellValue": "100.0",
                "endColumn": 4,
                "endRow": 4,
                "id": 66759,
                "startColumn": 4,
                "startRow": 4
            },
            {
                "capitalId": 61038,
                "cellValue": "1200.00",
                "endColumn": 5,
                "endRow": 4,
                "id": 66760,
                "startColumn": 5,
                "startRow": 4
            },
            {
                "capitalId": 61038,
                "cellValue": "1200.00",
                "endColumn": 7,
                "endRow": 4,
                "id": 66761,
                "startColumn": 7,
                "startRow": 4
            },
            {
                "capitalId": 61038,
                "cellValue": "上网",
                "endColumn": 2,
                "endRow": 5,
                "id": 66762,
                "startColumn": 2,
                "startRow": 5
            },
            {
                "capitalId": 61038,
                "cellValue": "100.0",
                "endColumn": 4,
                "endRow": 5,
                "id": 66763,
                "startColumn": 4,
                "startRow": 5
            },
            {
                "capitalId": 61038,
                "cellValue": "1200.00",
                "endColumn": 5,
                "endRow": 5,
                "id": 66764,
                "startColumn": 5,
                "startRow": 5
            },
            {
                "capitalId": 61038,
                "cellValue": "1200.00",
                "endColumn": 7,
                "endRow": 5,
                "id": 66765,
                "startColumn": 7,
                "startRow": 5
            },
            {
                "capitalId": 61038,
                "cellValue": "月度绩效",
                "endColumn": 2,
                "endRow": 6,
                "id": 66766,
                "startColumn": 1,
                "startRow": 6
            },
            {
                "capitalId": 61038,
                "cellValue": "0-300",
                "endColumn": 4,
                "endRow": 6,
                "id": 66767,
                "startColumn": 4,
                "startRow": 6
            },
            {
                "capitalId": 61038,
                "cellValue": "0-3600",
                "endColumn": 5,
                "endRow": 6,
                "id": 66768,
                "startColumn": 5,
                "startRow": 6
            },
            {
                "capitalId": 61038,
                "cellValue": "3600.00",
                "endColumn": 7,
                "endRow": 6,
                "id": 66769,
                "startColumn": 7,
                "startRow": 6
            },
            {
                "capitalId": 61038,
                "cellValue": "年度绩效",
                "endColumn": 2,
                "endRow": 7,
                "id": 66770,
                "startColumn": 1,
                "startRow": 7
            },
            {
                "capitalId": 61038,
                "cellValue": "年度发放",
                "endColumn": 3,
                "endRow": 8,
                "id": 66771,
                "startColumn": 3,
                "startRow": 7
            },
            {
                "capitalId": 61038,
                "cellValue": "2000元/人；不足8月，200元×月份",
                "endColumn": 4,
                "endRow": 7,
                "id": 66772,
                "startColumn": 4,
                "startRow": 7
            },
            {
                "capitalId": 61038,
                "cellValue": "2000.0",
                "endColumn": 5,
                "endRow": 7,
                "id": 66773,
                "startColumn": 5,
                "startRow": 7
            },
            {
                "capitalId": 61038,
                "cellValue": "2000.00",
                "endColumn": 7,
                "endRow": 7,
                "id": 66774,
                "startColumn": 7,
                "startRow": 7
            },
            {
                "capitalId": 61038,
                "cellValue": "年终优秀童伴妈妈奖励",
                "endColumn": 2,
                "endRow": 8,
                "id": 66775,
                "startColumn": 1,
                "startRow": 8
            },
            {
                "capitalId": 61038,
                "cellValue": "≤2名",
                "endColumn": 4,
                "endRow": 8,
                "id": 66776,
                "startColumn": 4,
                "startRow": 8
            },
            {
                "capitalId": 61038,
                "cellValue": "1250.0",
                "endColumn": 5,
                "endRow": 8,
                "id": 66777,
                "startColumn": 5,
                "startRow": 8
            },
            {
                "capitalId": 61038,
                "cellValue": "250.00",
                "endColumn": 7,
                "endRow": 8,
                "id": 66778,
                "startColumn": 7,
                "startRow": 8
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴妈妈团体险",
                "endColumn": 2,
                "endRow": 9,
                "id": 66779,
                "startColumn": 1,
                "startRow": 9
            },
            {
                "capitalId": 61038,
                "cellValue": "年度购买",
                "endColumn": 3,
                "endRow": 9,
                "id": 66780,
                "startColumn": 3,
                "startRow": 9
            },
            {
                "capitalId": 61038,
                "cellValue": "从童伴妈妈基本补助中支出，150元/人。团体险可根据保险公司实际费用适当调高比例，总额不超过300元/人/年（必上）",
                "endColumn": 4,
                "endRow": 9,
                "id": 66781,
                "startColumn": 4,
                "startRow": 9
            },
            {
                "capitalId": 61038,
                "cellValue": "150.0",
                "endColumn": 5,
                "endRow": 9,
                "id": 66782,
                "startColumn": 5,
                "startRow": 9
            },
            {
                "capitalId": 61038,
                "cellValue": "150.00",
                "endColumn": 7,
                "endRow": 9,
                "id": 66783,
                "startColumn": 7,
                "startRow": 9
            },
            {
                "capitalId": 61038,
                "cellValue": "项目",
                "endColumn": 0,
                "endRow": 10,
                "id": 66784,
                "startColumn": 0,
                "startRow": 10
            },
            {
                "capitalId": 61038,
                "cellValue": "类别",
                "endColumn": 2,
                "endRow": 10,
                "id": 66785,
                "startColumn": 1,
                "startRow": 10
            },
            {
                "capitalId": 61038,
                "cellValue": "发放方式",
                "endColumn": 3,
                "endRow": 10,
                "id": 66786,
                "startColumn": 3,
                "startRow": 10
            },
            {
                "capitalId": 61038,
                "cellValue": "说明",
                "endColumn": 4,
                "endRow": 10,
                "id": 66787,
                "startColumn": 4,
                "startRow": 10
            },
            {
                "capitalId": 61038,
                "cellValue": "总额（元/年/村）",
                "endColumn": 5,
                "endRow": 10,
                "id": 66788,
                "startColumn": 5,
                "startRow": 10
            },
            {
                "capitalId": 61038,
                "cellValue": "村数",
                "endColumn": 6,
                "endRow": 10,
                "id": 66789,
                "startColumn": 6,
                "startRow": 10
            },
            {
                "capitalId": 61038,
                "cellValue": "金额（元/年/县）",
                "endColumn": 7,
                "endRow": 10,
                "id": 66790,
                "startColumn": 7,
                "startRow": 10
            },
            {
                "capitalId": 61038,
                "cellValue": "合计（元）",
                "endColumn": 8,
                "endRow": 10,
                "id": 66791,
                "startColumn": 8,
                "startRow": 10
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴之家经费",
                "endColumn": 0,
                "endRow": 15,
                "id": 66792,
                "startColumn": 0,
                "startRow": 11
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴之家活动经费",
                "endColumn": 2,
                "endRow": 12,
                "id": 66793,
                "startColumn": 1,
                "startRow": 11
            },
            {
                "capitalId": 61038,
                "cellValue": "实报实销",
                "endColumn": 3,
                "endRow": 12,
                "id": 66794,
                "startColumn": 3,
                "startRow": 11
            },
            {
                "capitalId": 61038,
                "cellValue": "依据日常活动和主题活动自行调整",
                "endColumn": 4,
                "endRow": 12,
                "id": 66795,
                "startColumn": 4,
                "startRow": 11
            },
            {
                "capitalId": 61038,
                "cellValue": "3400.0",
                "endColumn": 5,
                "endRow": 12,
                "id": 66796,
                "startColumn": 5,
                "startRow": 11
            },
            {
                "capitalId": 61038,
                "cellValue": "1.0",
                "endColumn": 6,
                "endRow": 15,
                "id": 66797,
                "startColumn": 6,
                "startRow": 11
            },
            {
                "capitalId": 61038,
                "cellValue": "3400.00",
                "endColumn": 7,
                "endRow": 12,
                "id": 66798,
                "startColumn": 7,
                "startRow": 11
            },
            {
                "capitalId": 61038,
                "cellValue": "22000.00",
                "endColumn": 8,
                "endRow": 15,
                "id": 66799,
                "startColumn": 8,
                "startRow": 11
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴之家场地险",
                "endColumn": 2,
                "endRow": 13,
                "id": 66800,
                "startColumn": 1,
                "startRow": 13
            },
            {
                "capitalId": 61038,
                "cellValue": "年度购买",
                "endColumn": 3,
                "endRow": 13,
                "id": 66801,
                "startColumn": 3,
                "startRow": 13
            },
            {
                "capitalId": 61038,
                "cellValue": "从童伴之家活动经费中支出，600元/村。场地险可根据保险公司实际费用适当调高比例不超800元/村/年（必上）",
                "endColumn": 4,
                "endRow": 13,
                "id": 66802,
                "startColumn": 4,
                "startRow": 13
            },
            {
                "capitalId": 61038,
                "cellValue": "600.0",
                "endColumn": 5,
                "endRow": 13,
                "id": 66803,
                "startColumn": 5,
                "startRow": 13
            },
            {
                "capitalId": 61038,
                "cellValue": "600.00",
                "endColumn": 7,
                "endRow": 13,
                "id": 66804,
                "startColumn": 7,
                "startRow": 13
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴之家个性化打造",
                "endColumn": 2,
                "endRow": 14,
                "id": 66805,
                "startColumn": 1,
                "startRow": 14
            },
            {
                "capitalId": 61038,
                "cellValue": "实报实销",
                "endColumn": 3,
                "endRow": 14,
                "id": 66806,
                "startColumn": 3,
                "startRow": 14
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴妈妈项目VI墙饰（根据童伴之家大小等比上墙）；\n童伴之家基础打造（墙面，地面，顶面，摄像头和电视插座预留）",
                "endColumn": 4,
                "endRow": 14,
                "id": 66807,
                "startColumn": 4,
                "startRow": 14
            },
            {
                "capitalId": 61038,
                "cellValue": "18000.0",
                "endColumn": 5,
                "endRow": 15,
                "id": 66808,
                "startColumn": 5,
                "startRow": 14
            },
            {
                "capitalId": 61038,
                "cellValue": "18000.00",
                "endColumn": 7,
                "endRow": 15,
                "id": 66809,
                "startColumn": 7,
                "startRow": 14
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴之家硬件设备采购",
                "endColumn": 2,
                "endRow": 15,
                "id": 66810,
                "startColumn": 1,
                "startRow": 15
            },
            {
                "capitalId": 61038,
                "cellValue": "实报实销",
                "endColumn": 3,
                "endRow": 15,
                "id": 66811,
                "startColumn": 3,
                "startRow": 15
            },
            {
                "capitalId": 61038,
                "cellValue": "2个摄像头（童伴之家入口处，室内正对活动区域。需云端存储，随时查看）；\n65寸电视（挂墙，预留HDMI高清线1条）",
                "endColumn": 4,
                "endRow": 15,
                "id": 66812,
                "startColumn": 4,
                "startRow": 15
            },
            {
                "capitalId": 61038,
                "cellValue": "项目",
                "endColumn": 0,
                "endRow": 16,
                "id": 66813,
                "startColumn": 0,
                "startRow": 16
            },
            {
                "capitalId": 61038,
                "cellValue": "类别",
                "endColumn": 2,
                "endRow": 16,
                "id": 66814,
                "startColumn": 1,
                "startRow": 16
            },
            {
                "capitalId": 61038,
                "cellValue": "发放方式",
                "endColumn": 3,
                "endRow": 16,
                "id": 66815,
                "startColumn": 3,
                "startRow": 16
            },
            {
                "capitalId": 61038,
                "cellValue": "标准（元/月/村）",
                "endColumn": 4,
                "endRow": 16,
                "id": 66816,
                "startColumn": 4,
                "startRow": 16
            },
            {
                "capitalId": 61038,
                "cellValue": "总额（元/年/村）",
                "endColumn": 5,
                "endRow": 16,
                "id": 66817,
                "startColumn": 5,
                "startRow": 16
            },
            {
                "capitalId": 61038,
                "cellValue": "人数",
                "endColumn": 6,
                "endRow": 16,
                "id": 66818,
                "startColumn": 6,
                "startRow": 16
            },
            {
                "capitalId": 61038,
                "cellValue": "金额（元/年/县）",
                "endColumn": 7,
                "endRow": 16,
                "id": 66819,
                "startColumn": 7,
                "startRow": 16
            },
            {
                "capitalId": 61038,
                "cellValue": "合计（元）",
                "endColumn": 8,
                "endRow": 16,
                "id": 66820,
                "startColumn": 8,
                "startRow": 16
            },
            {
                "capitalId": 61038,
                "cellValue": "培训",
                "endColumn": 0,
                "endRow": 17,
                "id": 66821,
                "startColumn": 0,
                "startRow": 17
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴妈妈骨干培训",
                "endColumn": 2,
                "endRow": 17,
                "id": 66822,
                "startColumn": 1,
                "startRow": 17
            },
            {
                "capitalId": 61038,
                "cellValue": "实报实销",
                "endColumn": 3,
                "endRow": 17,
                "id": 66823,
                "startColumn": 3,
                "startRow": 17
            },
            {
                "capitalId": 61038,
                "cellValue": "结余资金转入童伴之家活动经费",
                "endColumn": 4,
                "endRow": 17,
                "id": 66824,
                "startColumn": 4,
                "startRow": 17
            },
            {
                "capitalId": 61038,
                "cellValue": "2500.0",
                "endColumn": 5,
                "endRow": 17,
                "id": 66825,
                "startColumn": 5,
                "startRow": 17
            },
            {
                "capitalId": 61038,
                "cellValue": "0.0",
                "endColumn": 6,
                "endRow": 17,
                "id": 66826,
                "startColumn": 6,
                "startRow": 17
            },
            {
                "capitalId": 61038,
                "cellValue": "0.00",
                "endColumn": 7,
                "endRow": 17,
                "id": 66827,
                "startColumn": 7,
                "startRow": 17
            },
            {
                "capitalId": 61038,
                "cellValue": "0.00",
                "endColumn": 8,
                "endRow": 17,
                "id": 66828,
                "startColumn": 8,
                "startRow": 17
            },
            {
                "capitalId": 61038,
                "cellValue": "项目",
                "endColumn": 0,
                "endRow": 18,
                "id": 66829,
                "startColumn": 0,
                "startRow": 18
            },
            {
                "capitalId": 61038,
                "cellValue": "类别",
                "endColumn": 2,
                "endRow": 18,
                "id": 66830,
                "startColumn": 1,
                "startRow": 18
            },
            {
                "capitalId": 61038,
                "cellValue": "发放方式",
                "endColumn": 3,
                "endRow": 18,
                "id": 66831,
                "startColumn": 3,
                "startRow": 18
            },
            {
                "capitalId": 61038,
                "cellValue": "标准（元/月/村）",
                "endColumn": 4,
                "endRow": 18,
                "id": 66832,
                "startColumn": 4,
                "startRow": 18
            },
            {
                "capitalId": 61038,
                "cellValue": "总额（元/年/村）",
                "endColumn": 5,
                "endRow": 18,
                "id": 66833,
                "startColumn": 5,
                "startRow": 18
            },
            {
                "capitalId": 61038,
                "cellValue": "村数",
                "endColumn": 6,
                "endRow": 18,
                "id": 66834,
                "startColumn": 6,
                "startRow": 18
            },
            {
                "capitalId": 61038,
                "cellValue": "金额（元/年/县）",
                "endColumn": 7,
                "endRow": 18,
                "id": 66835,
                "startColumn": 7,
                "startRow": 18
            },
            {
                "capitalId": 61038,
                "cellValue": "合计（元）",
                "endColumn": 8,
                "endRow": 18,
                "id": 66836,
                "startColumn": 8,
                "startRow": 18
            },
            {
                "capitalId": 61038,
                "cellValue": "童伴之家物资",
                "endColumn": 0,
                "endRow": 22,
                "id": 66837,
                "startColumn": 0,
                "startRow": 19
            },
            {
                "capitalId": 61038,
                "cellValue": "物资1",
                "endColumn": 2,
                "endRow": 19,
                "id": 66838,
                "startColumn": 1,
                "startRow": 19
            },
            {
                "capitalId": 61038,
                "cellValue": "统一配送",
                "endColumn": 3,
                "endRow": 19,
                "id": 66839,
                "startColumn": 3,
                "startRow": 19
            },
            {
                "capitalId": 61038,
                "cellValue": "28000元/村/年\n由中国乡村发展基金会儿童发展项目部\n统一招标并配送到童伴之家",
                "endColumn": 5,
                "endRow": 22,
                "id": 66840,
                "startColumn": 4,
                "startRow": 19
            },
            {
                "capitalId": 61038,
                "cellValue": "1.00",
                "endColumn": 6,
                "endRow": 22,
                "id": 66841,
                "startColumn": 6,
                "startRow": 19
            },
            {
                "capitalId": 61038,
                "cellValue": "28000.00",
                "endColumn": 7,
                "endRow": 22,
                "id": 66842,
                "startColumn": 7,
                "startRow": 19
            },
            {
                "capitalId": 61038,
                "cellValue": "28000.00",
                "endColumn": 8,
                "endRow": 22,
                "id": 66843,
                "startColumn": 8,
                "startRow": 19
            },
            {
                "capitalId": 61038,
                "cellValue": "物资2",
                "endColumn": 2,
                "endRow": 20,
                "id": 66844,
                "startColumn": 1,
                "startRow": 20
            },
            {
                "capitalId": 61038,
                "cellValue": "统一配送",
                "endColumn": 3,
                "endRow": 20,
                "id": 66845,
                "startColumn": 3,
                "startRow": 20
            },
            {
                "capitalId": 61038,
                "cellValue": "物资3",
                "endColumn": 2,
                "endRow": 21,
                "id": 66846,
                "startColumn": 1,
                "startRow": 21
            },
            {
                "capitalId": 61038,
                "cellValue": "统一配送",
                "endColumn": 3,
                "endRow": 21,
                "id": 66847,
                "startColumn": 3,
                "startRow": 21
            },
            {
                "capitalId": 61038,
                "cellValue": "物资…",
                "endColumn": 2,
                "endRow": 22,
                "id": 66848,
                "startColumn": 1,
                "startRow": 22
            },
            {
                "capitalId": 61038,
                "cellValue": "统一配送",
                "endColumn": 3,
                "endRow": 22,
                "id": 66849,
                "startColumn": 3,
                "startRow": 22
            },
            {
                "capitalId": 61038,
                "cellValue": "合计",
                "endColumn": 6,
                "endRow": 24,
                "id": 66850,
                "startColumn": 0,
                "startRow": 23
            },
            {
                "capitalId": 61038,
                "cellValue": "资金预算",
                "endColumn": 7,
                "endRow": 23,
                "id": 66851,
                "startColumn": 7,
                "startRow": 23
            },
            {
                "capitalId": 61038,
                "cellValue": "46000.00",
                "endColumn": 8,
                "endRow": 23,
                "id": 66852,
                "startColumn": 8,
                "startRow": 23
            },
            {
                "capitalId": 61038,
                "cellValue": "物资预算",
                "endColumn": 7,
                "endRow": 24,
                "id": 66853,
                "startColumn": 7,
                "startRow": 24
            },
            {
                "capitalId": 61038,
                "cellValue": "28000.00",
                "endColumn": 8,
                "endRow": 24,
                "id": 66854,
                "startColumn": 8,
                "startRow": 24
            },
            {
                "capitalId": 61038,
                "cellValue": "说明：  \n1.童伴妈妈补贴共计2.4万元，不可用做童伴之家活动或其它。\n2.童伴之家经费共计2.2万元，对活动开展丰富的童伴之家县项目办自行调节比例，鼓励开展活动，避免平均主义。\n3.童伴之家个性化打造和童伴之家硬件设备采购可根据场地，装修在所有童伴之家自行调节比例，结余资金转入童伴之家活动经费，超出部分需自行承担。",
                "endColumn": 8,
                "endRow": 28,
                "id": 66855,
                "startColumn": 0,
                "startRow": 25
            },
            {
                "capitalId": 61038,
                "cellValue": "主管领导签字：",
                "endColumn": 3,
                "endRow": 31,
                "id": 66856,
                "startColumn": 0,
                "startRow": 29
            },
            {
                "capitalId": 61038,
                "cellValue": "项目办负责人签字：",
                "endColumn": 4,
                "endRow": 31,
                "id": 66857,
                "startColumn": 4,
                "startRow": 29
            },
            {
                "capitalId": 61038,
                "cellValue": "年    月    日\n（公章）",
                "endColumn": 8,
                "endRow": 31,
                "id": 66858,
                "startColumn": 5,
                "startRow": 29
            }
        ]
    )
    const data = [];
    for (let i = 0; i < 20; i++) {
        data.push({
            roleName: i === 0 ? '超级管理员' : '普通用户',
            roleSign: i === 0 ? 'admin' : 'common',
            describe: `测试角色${i + 1}`,
            sort: i,
            status: true,
            createTime: new Date().toLocaleString(),
        });
    }
    console.log(data)
    //fix ===>  上传文件 + feat 添加进度条~
    const progressFlag = ref(false)
    const loadProgress = ref()
    const  uploadVideoProcess =(file, fileList) =>{

        console.log(fileList,)
        if(file.status === 'ready'){
            progressFlag.value = true; // 显示进度条
            loadProgress.value = 0;
            const interval = setInterval(() => {
                console.log(loadProgress.value);
                if(loadProgress.value >=100){
                    clearInterval(interval)
                    return
                }
                loadProgress.value += 1
                //应急处理隐藏进度条~~
                if(loadProgress.value === 100 ){
                    setTimeout(()=>{
                        progressFlag.value = false; // 显示进度条
                    },1000)
                }
            }, 20);
        }
        console.log(file.status)
    }
</script>

<style scoped lang="scss">
    .demo-date-picker {
        padding: 20px;

        .table_first {
            width: 100%;
            overflow-x: scroll;
            margin-bottom: 20px;
            height: 100%;
            border-left: 1px solid black;
            border-top: 1px solid black;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr 2fr 1fr 1fr 1fr 1fr;
            grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
            > div {
                border: 1px solid black;
                margin-left: -1px;
                margin-top: -1px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0 10px;
            }
        }
    }

</style>
<!--<template>-->
<!--    <s-table-->
<!--            :columns="columns"-->
<!--            :scroll="{ y: 400 }"-->
<!--            :pagination="false"-->
<!--            :data-source="dataSource"-->
<!--    ></s-table>-->
<!--</template>-->

<!--<script lang="ts">-->
<!--    import { defineComponent, ref } from 'vue';-->
<!--    interface DataItem {-->
<!--        key: number;-->
<!--        name: string;-->
<!--        age: number;-->
<!--        address: string;-->
<!--    }-->
<!--    export default defineComponent({-->
<!--        setup() {-->
<!--            const columns = [-->
<!--                {-->
<!--                    title: 'Full Name',-->
<!--                    dataIndex: 'name',-->
<!--                },-->
<!--                {-->
<!--                    title: 'Age',-->
<!--                    dataIndex: 'age',-->
<!--                },-->
<!--                {-->
<!--                    title: 'Column 1',-->
<!--                    dataIndex: 'address',-->
<!--                },-->
<!--                {-->
<!--                    title: 'Column 2',-->
<!--                    dataIndex: 'address',-->
<!--                },-->
<!--                {-->
<!--                    title: 'Column 3',-->
<!--                    dataIndex: 'address',-->
<!--                },-->
<!--                {-->
<!--                    title: 'Column 4',-->
<!--                    dataIndex: 'address',-->
<!--                },-->
<!--                { title: 'Column 5', dataIndex: 'address' },-->
<!--            ];-->
<!--            const data: DataItem[] = [];-->
<!--            for (let i = 0; i < 1000; i++) {-->
<!--                data.push({-->
<!--                    key: i,-->
<!--                    name: `Edrward ${i}`,-->
<!--                    age: i + 1,-->
<!--                    address: `London Park no. ${i}`,-->
<!--                });-->
<!--            }-->
<!--            return {-->
<!--                dataSource: ref(data),-->
<!--                columns: ref(columns),-->
<!--            };-->
<!--        },-->
<!--    });-->

<!--</script>-->
<!--<style scoped lang="scss">-->

<!--</style>-->
